/* 全局样式 */
* { margin:0; padding:0;}
body, th, td, input, select, textarea { font-family: Verdana; font-fam\ily:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; padding: 0; margin: 0; }
body { text-align: center; background-color: #fff; }
p { line-height: 1.5em; margin: 1em auto; color: #555; }
a { color: #555; text-decoration: none; }
ul, ol { list-style:none; }
a:hover { color: #0066CC; text-decoration: underline; }
a.link { display: block; color: #393939; line-height: 1.3em; padding-left: 10px; }
a.link:hover { color: #0066CC; text-decoration: underline; } 
img { border: 0; }
input.text { line-height: 16px; border: solid; padding: 1px; border-width: 2px 1px 1px 2px; border-color: #666666 #D4D0C8 #D4D0C8 #666666; background-color: #FFFFFF; width: 205px; height: 21px; w\idth: 200px; he\ight: 16px; }
input.button { padding: 0 3px; }
input.file { line-height: 16px; background-color: #FFFFFF; }
select {  }
textarea { width: 90%; height: 80px; border: solid; border-width: 2px 1px 1px 2px; border-color: #404040 #D4D0C8 #D4D0C8 #404040; }
.hackbox { border-top: 1px solid transparent !important; margin-top: -1px !important; border-top: 0; margin-top: 0; clear: both; visibility: hidden; }
.clear { clear:both; }
.nodisplay { display:none;}
#statusmsg {position:fixed; left:0; top:0; z-index:1; width:90px; background:#c44; color:#fff; -moz-border-radius-bottomright:5px;/* FF专用圆角属性 */ padding:5px 0 5px 9px;}
/* 总容器 */
.container { text-align: left; width: 800px; margin: 0 auto; padding:0 10px; }
#ads { clear:both;}
	#ads h3 { border-bottom:3px solid #32aae6; margin-bottom:3px; }
	.freecom { background:url(img/freecom.png) no-repeat; height:59px; width:800px; overflow:hidden; }
	.freecom a, .freecom a:hover, .freecom a:active { display:block; height:59px; width:800px;}
	.freecom span { display:block; text-indent:-9999em;}

/* 页头 */
.headerContainer {  }
#header { width:100%; height:130px; background:url(img/clogo.jpg) no-repeat center; }
	.topleft { float:left; width:0; height:0;/*width:240px; height:95px;*/ background:url(img/clogo.jpg) no-repeat center 10px; display:block; }
	.topleft a { display:block;/* width:240px; height:95px;*/ height:0; width:0; text-indent:-999em;}
	.topright { float:right; background:url(img/headintro.jpg);/* width:500px; height:95px;*/ height:0; width:0;}
	.global { display: block; width: 144px; height: 35px; position: absolute; top: 25px; right: 0; }
	.global a { display: block; width: 100%; height: 100%; overflow: hidden; }
	.global span { display: block; }
	/* 主导航菜单 */
	.menu { color: #FFF; clear:both; }
	.menu ul { padding: 0; margin: 0; list-style-type: none; height: 25px; }
	.menu ul li { display: block; float: left; height:25px; }
	.menu a { display: block; float: left; height: 100%; overflow: hidden; }
	/* 分频道效果 0 主页 1 案例分析大赛 2 实践 3 品牌文化 4 新闻 */
		.menu_0 a { width:125px!important; background:url(img/menu2.gif) no-repeat 0 0;}
		.menu_1 a { width:180px!important; background:url(img/menu2.gif) no-repeat -125px 0;}
		.menu_2 a { width:175px!important; background:url(img/menu2.gif) no-repeat -305px 0;}
		.menu_3 a { width:155px!important; background:url(img/menu2.gif) no-repeat -485px 0;}
		.menu_4 a { width:165px!important; background:url(img/menu2.gif) no-repeat -635px 0;}
		/*频道链接效果*/
		.menu_0 a:hover { width:125px!important; background:url(img/menu2.gif) no-repeat 0 -35px;}
		.menu_1 a:hover { width:180px!important; background:url(img/menu2.gif) no-repeat -125px -35px;}
		.menu_2 a:hover { width:175px!important; background:url(img/menu2.gif) no-repeat -305px -35px;}
		.menu_3 a:hover { width:155px!important; background:url(img/menu2.gif) no-repeat -485px -35px;}
		.menu_4 a:hover { width:165px!important; background:url(img/menu2.gif) no-repeat -635px -35px;}
	/* 清除文字转为图片链接 */
	.menu a span { display: block; text-indent:-9999em; }
/* 主区域 */
#main {  width: 100%;  margin-top: 17px; }
	/* 边栏 */
	.trough { float: left; width: 180px; padding-bottom: 6px; overflow: hidden; }
	.trough h3 { display: block; width: 100%; line-height: 17px; margin: 8px auto; padding-bottom:3px; overflow: hidden; font-size:14px; border-bottom:3px solid #78d200; /* border-left:5px solid #82DC12;*/ }
	.trough h3 a { display: block; width: 100%; height: 100%; }
	.trough h3 span { display: block; /*padding-left:3px;*/ }
		.tDate { font-family: Arial; font-size: 12px; color: #666666;}
		
		/* 边栏频道导航 */
		.channel { border-bottom: 1px solid #E0E0E0; padding-bottom: 20px; }
		.channel h3 { height: 13px; }
		.channel ul { display: block; padding: 0; margin: 0; list-style-type: none; }
		/* 1px 文字及行高可消除 IE 最小高限制 */
		.channel ul li { display: block; height: 11px; font-size: 1px; line-height: 1px; margin: 15px 4px 0 4px; }
		.channel ul li a { display: block; width: 100%; height: 100%; overflow: hidden; }
		.channel ul li span { display: block; }
		.rss { margin: 15px 4px 0 4px; height: 16px; width: 113px; }
		.rss a { display: block; width: 100%; height: 100%; overflow: hidden; }
		.rss a span { display: block; }
		
		.practise { background:url(img/practise.gif) no-repeat; height:110px; width:180px;}
		.case-contest { background:url(img/case-contest.gif) no-repeat; height:110px; width:180px;}
		.news { background:url(img/news.gif) no-repeat; height:110px; width:180px;}
		.brand { background:url(img/brand.gif) no-repeat; height:110px; width:180px;}
		.doing { margin-top:14px; *margin-top:18px;}
			.doing .active { background:url(img/latestactive.gif) no-repeat; height:240px; width:180px; }
			.doing a, .doing a:hover, .doing a:active { display:block; height:240px; width:180px;}
			.doing .active span { display:block; text-indent:-9999em;}
		
		/* 搜索及其它 */
		.tSearch {padding-bottom:10px; }
		.tSearch h3 { }
		input.txtSearch { line-height: 15px; border: solid; padding: 0 1px; margin: 0 5px; border-width: 2px 1px 1px 2px; border-color: #666666 #D4D0C8 #D4D0C8 #666666; background-color: #FFFFFF; width: 125px; height: 18px; w\idth: 120px; he\ight: 15px; }
		input.btnSearch { cursor: pointer; height: 18px; border: 0; padding: 0; overflow: hidden; }
	.leftbottom1 { float:left; height:150px; width:82px; background:url(img/left1.jpg); }
	.leftbottom2 { float:right; height:150px; width:82px; background:url(img/left2.jpg); }
		
	/* 主内容区域 */
	.contentContainer { float: right; width: 620px; overflow: hidden; }
	.content { float: left; margin-left: 12px; width: 608px; display: inline; }
    .content h2 { display: block; width: 100%; height: 150px; margin: 10px auto; padding: 0; overflow: hidden; border-bottom: 1px solid #E0E0E0; }
    .content h2 span { display: block; }
    .content h3 { display: block; width: 100%; height: 25px; margin: 20px auto 10px auto; padding: 0; overflow: hidden; }
    .content h3 span { display: block; }
    .content h2 a, .content h3 a, .content h4 a { width: 100%; height: 100%; color:#0F0078; }
		/* 主页内容 */
		.homeContent { float: left; width: 393px; display: inline; }
		.homeContent h3 { }
			/* 主页主形象区 */
			.homeVisual { width: 389px; height: 218px; padding:1px 3px 3px 1px; overflow: hidden; background:url(img/middle.png) no-repeat; overflow:hidden; }
				#player { width: 389px; height: 218px; overflow:hidden;}
			/* 主页美尚生活栏目 */
			.homeTopic { border-bottom:1px #CCCCCC solid; }
				.homeTopic h3 { height: 17px; margin: 14px auto 0 auto; padding: 0; overflow: hidden; font-size:14px; /*border-left:solid 6px #07A7FF;*/ border-bottom:solid 3px #505fa0; padding-bottom:3px; }
				.homeTopic h3 span { /*padding-left:3px;*/ }
				/* 子栏目 */
				.homeTopic .homeBeauty, .homeTopic div.homeLife { float: left; margin-top: 10px; } 
				.homeTopic h4 { margin:8px 0; overflow: hidden; font-size:14px; }
				.homeTopic h4 span { }
				.homeTopic .latestnews { padding:10px 0;}
				.homeTopic .latestnews span p { color:#666666; text-indent:2em; margin:0; }
				.homeTopic .Topic_1 {background:url(img/casepic.gif) no-repeat; width:82px; height:122px; float:left; margin-right:5px; margin-top:11px;/* -margin:0; -background:none; -width:0px; -height:0; -float:0;*/}
				.homeTopic .Topic_2 {background:url(img/socialpic.gif) no-repeat 0 -10px; width:82px; height:140px; float:left; margin-right:5px; margin-top:11px;/* -margin:0; -background:none; -width:0px; -height:0; -float:0;*/}
			/* 主页新鲜情报 */
			.homeWhats { clear: both; white-space:nowrap; line-height:18px; }
				.homeWhats h3 { display: block; width: 100%; height: 17px; margin: 15px auto 0 auto; padding: 0; overflow: hidden;}
				.homeWhats h3 span { display: block; }
				.homeWhats a { color:#666666; margin-left:5px; }
				.homeWhats a:hover { color:#07A7FF; margin-left:5px; text-decoration:none; background:#EFEFEF; }
				.homeWhats a:visited { color:#656A92; margin-left:5px; }
				.homeWhats li span { float:left; clear:left;}
				.homeWhats li a { float:left;}
				.homeWhats .diydate { text-align:right; color:#666666; font-size:11px; float:right; clear:right;}
		/* 内容边栏 */
		.contentTrough { float: right; margin-left: 12px; width: 198px; }
		.contentTrough h3 { border: none; }
			.homeBanners { width: 197px; height: 222px; overflow: hidden; }
				.homeBanners img { display: block; }
				.homeBanners a { display: block; margin-bottom: 5px; }
			/* 新闻 */
			.homeNews { width: 197px; overflow: hidden; background: #F8F8F8; margin-top: 14px; }
				.homeNews h3 { display: block; width: 100%; height: 17px; margin: 0 auto 8px 0; padding-bottom: 3px; overflow: hidden; background: #F8F8F8; /*border-left:solid 6px #EACF3A;*/ border-bottom:solid 3px #ffc000; font-size:14px; }
				.homeNews h3 span { display: block;/* padding-left:3px;*/ }
				.homeNews ul { display: block; float: right; width: 186px; padding: 0; margin: 0 3px 0 13px; list-style-type: none; padding-bottom: 10px; }
				.homeNews li { display: block; float: left; margin: 5px auto; padding: 0; line-height: 1.2em; width:186px; font-size:13px; }
				.homeNews li a { display: block; float: left; width:186px; }
				.homeNews li a:hover { display: block; float: left; background:#EFEFEF; text-decoration:none; }
				.homeNews li span { display: block; float: right; line-height: 1.2em; font-family: Arial; font-size: 11px; color: #777; }
				.homeNews li.hHeadline { min-height: 62px; }
				.homeNews li.hHeadline a { float: right; margin-top: 5px; width: 101px; w\idth: 91px; }
				.homeNews li.hHeadline span { width: 101px; padding: 6px 0; border-bottom: 1px solid #E0E0E0; text-align: right; }
				
		/* 频道内容 */
		.whats .content h2 { }
		.whats .content h3 { }
		.products .content h2 { }
		.products .content h3 { }
		.company .content h2 { }
		.company .content h3 { }
		.csr .content h2 { }
		.csr .content h3 { }
		.news .content h2 { }
		.news .content h3 { }
		.pressroom .content h2 { }
		.pressroom .content h3 { }
		.contact .content h2 { }
		.contact .content h3 { }
		.search .content h2 { }
		.search .content h3 { }
		.links .content h2 { }
		
		/* 详细内容 */
		.detail { margin-top: 10px; }
			.detailHd { float: right; margin: 10px 20px 0 auto; padding-bottom: 10px; border-bottom: 1px solid #E0E0E0;  padding-left: 26px; width: 456px; w\idth: 430px; }
			.whats .detailHd { background-position: 0 -298px; }
			.content .detailHd h2 { font-size: 16px; font-weight: bold; color: #0000CC; line-height: 1.3em; height: auto; margin: 0 auto 5px auto; border: none; background: transparent; }
			.whats .content .detailHd h2 { color: #71A206; }
			.detailHd h2 span { text-indent: 0; }
			.detailHd div { color: #666666; }
			.detailHd div span { margin-right: 10px; } 
			.detailImg { float: left; width: 82px; height: 92px; }
			.detailImg img { display: block; width: 82px; height: 82px; }
			.whats .detailImg img { background-position: 0 -300px; }
			.detailCnt { clear: both; width: 578px; border-top: 0 solid #E0E0E0; overflow: hidden; font-size: 14px; color: #393939; }
			.detailCnt p { line-height: 1.5em; margin: 1em auto; color: #393939; }
			.content .detailCnt h1, .content .detailCnt h2 { font-size: 16px; font-weight: bold; color: #0000CC; line-height: 1.3em; height: auto; margin: 1.5em auto; padding: 0; border: none; background: transparent; }
			.detailCnt h2 span { text-indent: 0; }
			.content .detailCnt h3, .content .detailCnt h4 { font-size: 14px; font-weight: bold; color: #0000CC; line-height: 1.3em; height: auto; margin: 1.5em auto; padding: 0; border: none; background: transparent; }
			.detailCnt h3 span { text-indent: 0; }
			.whats .content .detailCnt h1, .whats .content .detailCnt h2, .whats .content .detailCnt h3, .whats .content .detailCnt h4 { color: #71A206; }
			.detailCnt ul {  }
			.detailCnt ul li { line-height: 1.4em; margin: 0.5em auto; }
		.reference { margin-top: 30px; }
			.content .reference h3 { }
			.whats .content .reference h3 { background-position: 0 -90px; }
		
	/*底部案例库和成果库入口*/
	.caselib-entrance { background:url(img/ca-en.gif) no-repeat; width:180px; height:50px; }
		.caselib-entrance a, .caselib-entrance a:hover, .caselib-entrance a:visited, .caselib-entrance a:active { width:180px; height:50px; overflow:hidden; display:block; text-indent:-9999em;}
	.practiselib-entrance { background:url(img/pr-en.gif) no-repeat; width:180px; height:50px; }
		.practiselib-entrance a, .practiselib-entrance a:hover, .practiselib-entrance a:visited, .practiselib-entrance a:active {  width:180px; height:50px; overflow:hidden; display:block; text-indent:-9999em;}

/* 页脚 */
#footer { clear: both; }
	#tagline { display: block; width: 100%; height: 25px; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #C0C0C0;  }
	#tagline span { display: block; }
	.ftx { margin-top: 10px; height: 40px; }
	#copyright { display: block; float: left; margin: 0 110px 0 auto; }
	#copyright span { display: block; }
	#icp { display: block; float: left; margin: 0 auto; }
	#icp span { display: block; }
	.ftx ul { display: block; float: right; padding: 0; margin: 0; list-style-type: none; }
	.ftx li { display: inline; float: left; margin: 0 0 0 11px; padding: 0; overflow: hidden; }
	.ftx li span { display: block; }
	
	
	div.jd_news_scroll { position:relative; overflow:hidden; }
	div.jd_news_scroll ul { position:relative; padding:0; margin:0; list-style-type: none;}
	div.jd_news_scroll ul li { height:1.5em; line-height:1.4em;  margin:0; padding:0; white-space:nowrap;}
	
/*show*/
#page { }
	#wrap { float:left; width:580px; margin-top:17px; padding:0 10px 20px; }
	#sidebar {float:right; width:198px; margin-top:17px; }
	
/*contact*/
#intro { height:222px; background:url(img/middle.jpg) right no-repeat; padding:20px 400px 20px 10px;}
#detail {}
#detail ul { display:inline; text-align:center;}
#detail li { display:inline; width:180px;}
#detail li a { display:inline-block; width:180px; height:30px; line-height:30px; border:#CCC 1px solid; text-align:center;}
#detail li a:hover { display:inline-block; background:#EFEFEF; width:180px; text-align:center; border:#CCC 1px solid;}
#detail li a:visited { display:inline-block; width:180px; text-align:center; border:#CCC 1px solid; }
#teamcontent { float:right; width:448px;}
#teampic { float:right; width:300px; }

/*message*/
#message { margin: 20px auto; width:300px;}
/*文章主体*/
.post-title {font-size:18px; color:#00003c;}
.post-title a, .post-title a:visited {font-size:18px; color:#00003c;}
.post-body {font-size:13px;}
.post-body p { text-indent:2em;}
.post-body p[class="attach"] { }
.post-body a, .post-body a:hover, .post-body a:visited { padding-left:8px; background:url(img/link.gif) no-repeat 0 6px;}
.post-body p[class="attach"] a, .post-body p[class="attach"] a:hover, .post-body p[class="attach"] a:visited { padding-left:0px; background:none;}
.post-body .taglinks { padding:0!important; background:none !important;}
div[class="attach"] { background:url(img/download.png) no-repeat left; float:left; clear:both;}
	div[class="attach"] a, div[class="attach"] a:hover, div[class="attach"] a:visited { display:block; padding:6px 6px 6px 56px;}
.post-meta {text-align:right; margin-bottom:20px; border-bottom:solid 2px #505fa0;}
.p_bar { clear:both; padding:10px 0 30px;}
	.p_bar a { font-size:14px; font-weight:bold; text-decoration:none; padding:9px 6px; }
	.p_bar a:hover { background:#336699; color:#FFFFFF; border:1px solid #336699; text-decoration:none; }
.p_info { background:#FFFFFF; border:1px solid #336699; margin-right:1px; font-weight:bold; padding:9px 6px;}
.p_curpage { margin-right:1px; border:1px solid #336699; background:#336699; color:#FFFFFF; font-weight:bolder; padding:9px 6px;}
.p_num { background:#FFFFFF; border:1px solid #336699; margin-right:1px; }
.p_redirect {background:#FFFFFF; border:1px solid #336699; margin-right:1px; font-size:14px; font-weight:bold;}
.art-tag { font-size:14px;}
#article-other {clear:both;}

/*文档分享系统*/
.filelist { border:1px solid #EFEFEF; margin:5px 0;}
.fileico { width:40px; height:40px; float:left; background:#FFF no-repeat; margin:5px; display:block; overflow:hidden; }
	.fileico a, .fileico a:hover, .fileico a:active {display:block; width:40px; height:40px;}
	.fileico span {display:block; text-indent:-9999em;}
	.ico {background:url(img/unknow.png) no-repeat;}
	.icorar, .icozip, .ico7z, .icoiso { background:url(img/rar.png) no-repeat;}
	.icodoc, .icodocx {background:url(img/doc.png) no-repeat;}
	.icoxls, .icoxlsx {background:url(img/xls.png) no-repeat;}
	.icoppt, .icopptx {background:url(img/ppt.png) no-repeat;}
	.icotxt {background:url(img/txt.png) no-repeat; }
.filename { border-bottom:1px solid #EFEFEF; line-height:150%;}
	.filename a, .filename a:hover, .filename a:visited {display:inline; font-weight:bold;}
	.filename span {float:right; margin-right:10px;}
.fileinfo {margin-left:50px;}

/*提交表单*/
.form {clear:both; height:30px; margin:20px auto; width:548px; color:#666666; border-bottom:1px solid #DDDDDD;}
	.form h2{float:left; font-size:14px; width:200px;}
	.form input {float:left; width:300px;}
	.form h2 input { width:50px;}
	p {font-size:12px;}